@charset "UTF-8";
/*-これは作業用、テスト用の一時ファイルです。このファイルが残っていた場合は消しても影響はないです-*/
/*-2021.08.18 テスト一時使用-*/
.sub_contents_inner .drag_area {
  background-color: #947a4d;
}

#cf_settingmenu_base1 #cf_settingmenu.sidemenu2 {
  top: 0;
}

.information_area2 {
  overflow: inherit;
}

.sidemenu2.on .setting_btn {
  border-bottom-color: transparent;
  box-shadow: none;
}
.sidemenu2.on .setting_btn::before {
  left: auto;
  right: 0;
}
.sidemenu2.on .setting_btn p::before {
  top: 6px;
  left: 8px;
  right: auto;
  border-width: 0 6px 7px 6px;
  border-color: transparent transparent #fff transparent;
}

.sidemenu2 .setting_btn {
  border-color: #7a756b;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzOWE4YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhiODE2ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a39a8a), color-stop(100%, #8b816e));
  background-image: -moz-linear-gradient(top, #a39a8a, #8b816e);
  background-image: -webkit-linear-gradient(top, #a39a8a, #8b816e);
  background-image: linear-gradient(to bottom, #a39a8a, #8b816e);
  height: 18px;
  box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.15) inset;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  width: 60px;
  min-width: auto;
  border-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.sidemenu2 .setting_btn::after {
  border-radius: 5px 5px 0 0;
  border-width: 1px 2px 0 2px;
}
.sidemenu2 .setting_btn::before {
  background-image: url(../img/header_button_icon5bw.png);
  position: absolute;
  left: auto;
  right: 0;
  top: -2px;
}
.sidemenu2 .setting_btn:hover {
  transform: none;
}
.sidemenu2 .setting_btn p::before {
  top: 6px;
  left: 8px;
  right: auto;
  border-width: 7px 6px 0 6px;
  border-color: #fff transparent transparent transparent;
}

.sidemenu2,
.sidemenu2.on {
  right: 0;
}
.sidemenu2 .sidemenu2_inner,
.sidemenu2.on .sidemenu2_inner {
  border-radius: 10px 0 10px 10px;
  right: 0;
  top: 18px;
}
.sidemenu2 .sidemenu2_inner::before,
.sidemenu2.on .sidemenu2_inner::before {
  border-radius: 20px 0 20px 20px;
}

.map_div_drag {
  background-image: url(../img/drag_bg3.png);
  background-size: 113px 58px;
  background-color: rgba(255, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  display: flex;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

/* ※fullscreen版も本体仕様に戻す
.fullscreen .map_div_drag::before, .fullscreen .map_div_drag::after {
  content: "";
  background-image: url(../img/drag_bg3xy.png);
  border: none;
  border-radius: 0;
  width: 30%;
  height: 0;
  padding-bottom: 28%;
  opacity: 0.5;
  position: static;
  background-size: 100% 100%;
}
.fullscreen .map_div_drag.arrow_x::before, .fullscreen .map_div_drag.arrow_x::after {
  background-image: url(../img/drag_bg3x.png);
}
.fullscreen .map_div_drag.arrow_y::before, .fullscreen .map_div_drag.arrow_y::after {
  background-image: url(../img/drag_bg3y.png);
}
*/

.sub_mark_div.topdiv {
  top: 2%;
}
.sub_mark_div.topdiv.pos_right {
  flex-direction: inherit;
}
.sub_mark_div.topdiv.pos_left {
  justify-content: flex-end;
}